<script setup>
  // 数组的重要方法

  // 1.添加
  // const arr = [1, 2, 3]
  // - 头插
  // arr.unshift(4)
  // - 尾插
  // arr.push(5)
  // console.log(arr)

  // 2.删除
  // 返回值为被删除值
  // const arr = [1, 2, 3]
  // - 头删
  // console.log(`头删：${arr.shift()}`)
  // - 尾删
  // console.log(`尾删：${arr.pop()}`)
  // console.log(arr)
  
  // 3.任意位置删除或添加
  // splice(起始位置， 删除元素个数， 添加的元素)
  // const arr = [1, 2, 3]
  // - 在1下标位置插入 999， [1，999，2，3]
  // arr.splice(1, 0, 999)
  // console.log(`插入后：${arr}`)
  // - 删除2下标位置的元素， [1，999，3]
  // arr.splice(2, 1)
  // console.log(`删除后${arr}`)

  // 4.遍历
  // arr.forEach((当前元素，当前下标，原数组) => {})
  // const arr = [1, 2, 4, 9, 10, 7]
  // arr.forEach((item, index, array) => {
  //   console.log(`当前元素：${item}, 当前下标：${index}, 当前数组：${array}`)
  // })

  // 5.过滤
  // arr.filter((item, index, array) => {})
  // 回调函数需要返回bool值，表示当前元素是否保留。方法返回筛选后的新数组
  // const arr = [1, 7, 9, 2, 3, 4, 12, 5]
  // - 筛选出值大于5的元素
  // const newArr = arr.filter((item) => item > 5)
  // console.log(arr)
  // console.log(newArr)

  // 6.映射
  // arr.map((item, index, array) => {// 在其中书写表达式，将数组中的每一个元素进行映射})
  // 返回由映射后的元素组成的数组
  // const arr = [1, 7, 9, 2, 3, 4, 12, 5]
  // const newArr = arr.map((item) => {
  //   return item * 2
  // })
  // console.log(arr)
  // console.log(newArr)

  // 7.检查每一个
  // arr.every((item, index, array) => {})
  // 回调函数中返回布尔值，若是所有回调返回值均为true则方法返回true，否则返回false
  // const arr = [1, 7, 9, 2, 3, 4, 12, 5]
  // - 检查数组中的元素是否全部大于0
  // const result1 = arr.every((item) => {
  //   return item > 0
  // })
  // console.log(`数组中的元素全部大于0：${result1}`)

  // - 检查数组中的元素是否全部大于5
  // const result2 = arr.every((item) => {
  //   return item > 5
  // })
  // console.log(`数组中的元素全部大于0：${result2}`)

  // 8.汇总
  // arr.reduce((prev, current, index, array) => {}, prev初始值)
  // const arr = [1, 7, 9, 2, 3, 4, 12, 5]
  // const sum = arr.reduce((prev, current) => {
  //   return prev + current
  // }, 0)
  // console.log("数组综合：" + sum)

  // 9.包含
  // 判断一个元素是否存在数组中
  // const arr = [1, 7, 9, 2, 3, 4, 12, 5]
  // const result = arr.includes(1)
  // console.log(result)

</script>

<template>
  <div>
    <!-- <span v-html="str"></span> -->
  </div>
</template>

<style scoped>

</style>